/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import {
  StackNavigator,
  TabNavigator,
} from 'react-navigation';

import ListPg from './pages/ListPg'
import DetailPg from './pages/DetailPg'
import CinemasPg from './pages/CinemasPg'
import MyMoviePg from './pages/MyMoviePg'

const TabButton = TabNavigator({
  ListPg: { screen: ListPg ,
    navigationOptions:{
      tabBarLabel: '列表',
  }},
  CinemasPg: {screen: CinemasPg,
    navigationOptions:{
      tabBarLabel: '院线',
    }
  },
  MyMoviePg: {screen: MyMoviePg,
    navigationOptions:{
      tabBarLabel: '我的',
    }},
},{
  animationEnabled:true,
  tabBarPosition: 'bottom',
})

const App = StackNavigator({
  TabButton: {screen: TabButton, navigationOptions:{
    header: null,
  }},
  DetailPg: { screen: DetailPg },
},{
  headerMode: 'screen',
});

export default App